import DataTable from '@/components/DataTable'
import { ApplicationField } from '@/types/structs'; // 修改数据类型为 Application
import { ProColumns } from '@ant-design/pro-components';
import React from 'react'

const Application: React.FC = () => {
  const url = '/api/Application'; // 修改 URL 为 /api/Application
  type T = ApplicationField; // 数据类型
  // 列定义
  const columns: ProColumns<T>[] = [
    {
      title: '所有者',
      key: 'owner',
      dataIndex: 'owner',
      valueType: 'text',
      disable: true,
      search: false,
    },
    {
      title: '名称',
      key: 'name',
      dataIndex: 'name',
      valueType: 'text',
    },
    {
      title: '显示名称',
      key: 'displayName',
      dataIndex: 'displayName',
      valueType: 'text',
    },
    {
      title: '描述',
      key: 'description',
      dataIndex: 'description',
      valueType: 'text',
    },
    {
      title: '组织',
      key: 'organization',
      dataIndex: 'organization',
      valueType: 'text',
      disable: true,
      search: false,
    },
    {
      title: '客户端ID',
      key: 'clientId',
      dataIndex: 'clientId',
      valueType: 'text',
      search: false,
    },
    {
      title: '客户端密钥',
      key: 'clientSecret',
      dataIndex: 'clientSecret',
      valueType: 'text',
      search: false,
    },
    {
      title: '过期小时数',
      key: 'expireInHours',
      dataIndex: 'expireInHours',
      valueType: 'text',
      search: false,
    },
    {
      title: '创建时间',
      key: 'createdTime',
      dataIndex: 'createdTime',
      valueType: 'dateTime',
      editable: false,
      disable: true,
      search: false,
    },
  ]

  return (
    <>
      <DataTable
        url={url}
        columns={columns}
        rowKey={'name'}
        // hideAction={true} // 隐藏操作列
        hideDeleteButton={true} // 隐藏操作列中的删除按钮
        hideSearchBox={true} // 隐藏搜索框
      // hideToolbar={true} // 隐藏工具栏(新增,刷新)
      // hidePagination={true} // 隐藏底部分页项
      />
    </>
  )
}

export default Application